<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>密码重置</title>
    <link rel="stylesheet" type="text/css" href="css/change_password.css"/>
    <link rel="stylesheet" type="text/css" href="css/public.css">
    <script src=js/common.js"></script>
    <script src=js/change_password.js"></script>
</head>
<body>
    <!-- 导航栏开始 -->
   <div class="nav_all">
        <div class="nav">
           <ul>
                <span>您好 欢迎来到果瓣！</span>
                <li>请<a href="login-index.html">登录</a></li>
                <li><a href="register.html">免费注册</a></li>
           </ul>
           <ol>
                <span><a href="#">关于我们</a></span>
                <li>|</li>
                <li><a href="#">个人中心</a></li>
                <li>|</li>
                <li><a href="#">我的进货单</a></li>
                <li>|</li>
                <li><a href="index.html">首页</a></li>
           </ol>
        </div>
   </div><!-- 导航栏结束 -->
         <!-- 顶部开始开始 -->
   <div class="top_all">
        <div class="top">
            <a href="index.html"><img src="img/top_logo.png"></a>
            <div class="top_land">
                <span>重置密码</span>
            </div>
        </div>
   </div><!-- 顶部结束 -->
   <!--分隔线-->
	<div class="line"></div>
            <!-- 验证横条开始 -->
    <div class="middle_all">
       <div class="tempo">
           <div class="tempo_line">
           </div>
           <ul>
               <li>1</li>
               <li class="space">2</li>
               <li>3</li>
           </ul>
           <div class="tempo_line_black">
           </div>
           <ol>
               <li>1</li>
               <li class="space_ol tempo_ol_color">2</li>
               <li class="tempo_ol_color">3</li>
           </ol>
       	</div>
    <div class="step">
      	<ul>
	          <li class="active">短信验证</li>
	          <li class="step_space">重置密码</li>
	          <li>成功</li>
      	</ul>
    </div> 
     		<!-- 验证横条结束 -->
    <!--完善信息主要内容-->
		<div class="content_bar">
			<div class="content">
				<!--注册表单块-->
				<div class="mian_form">
					<form action="" method="post">
						<ul>
							<li class="second_li">
								<span><i>*</i>手机号码:</span>
								<input type="text" name="" id="phone-number" maxlength="11"/>
								<p id="phone-tip"><img src="img/remind.png"/> 请输入正确的手机号码</p>
							</li>
							<li class="three_li">
								<span><i>*</i>验证码:</span>
								<input type="text" name="" id="" value="" />
								<p id="security-code"></p>
							</li>
							<li class="four_li">
								<span><i>*</i>短信验证码:</span>
								<input type="text" name="" value="" />
								<div class="get_code" id="get-code">获取验证码</div>
							</li>
							<li>
								<a href="perfect_information.html" class="sub_mit">下一步</a>
							</li>
						</ul>
					</form>
				</div>
			</div>
		</div>
		<!--完善信息主要内容结束-->             
</div>
  <!--服务块内容-->
    <div class="serve_bar">
        <div class="serve">
            <!--服务选项内容-->
            <div class="service">
                <ul class="service_list">
                    <li class="service_item">
                        <span><img src="img/certification.png" alt="" /></span>
                        <a href="#">实名认证</a>
                        <p>真实身份，更有保障</p>
                    </li>
                    <li class="service_item">
                        <span><img src="img/gold.png" alt="" /></span>
                        <a href="#">金牌供应商</a>
                        <p>优质货源，更值得信赖</p>
                    </li>
                    <li class="service_item">
                        <span><img src="img/link.png" alt="" /></span>
                        <a href="#">专业匹配供应</a>
                        <p>免费帮你找到最好的货源</p>
                    </li>
                    <li class="service_item">
                        <span><img src="img/focus.png" alt="" /></span>
                        <a href="#">专注尾货供应链</a>
                        <p>成本和效率的最佳解决方案</p>
                    </li>
                </ul>
            </div>
            <!--帮助流程样式-->
            <div class="help">
                <!--底部Logo-->
                <div class="help_logo">
                    <a href="#"><img src="img/logo2.png" alt="" /></a>
                    <h2>果瓣</h2>
                    <p>专注快消尾货供应</p>
                </div>
                <!--帮助列表-->
                <div class="help_list">
                    <dl>
                        <dt>
                            <span>新手入门</span>
                        </dt>
                        <dd>
                            <a href="#">注册登录</a>
                            <a href="#">实名认证</a>
                            <a href="#">用户协议</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <span>帮助中心</span>
                        </dt>
                        <dd>
                            <a href="#">常见问题</a>
                            <a href="#">支付方式</a>
                            <a href="#">违规处罚</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <span>招商合作</span>
                        </dt>
                        <dd>
                            <a href="#">关于我们</a>
                            <a href="#">供货商招募</a>
                            <a href="#">联系我们</a>
                        </dd>
                    </dl>
                </div>
                <!--联系方式-->
                <div class="relation">
                    <span>客服热线： 400-1234-5678</span>
                    <span>合作邮箱： ABC@saohuo7.com</span>
                </div>
            </div>
        </div>
    </div>
    <!--页面底部内容-->
    <div class="footer_bar">
        <div class="footer">
            Copyright @ 2017 saohuo7.com .All Rights Reserved 扫货版权所有  <a href="http://www.miitbeian.gov.cn/" class="footer_num">沪ICP14045987号</a>
        </div>
    </div>
    <!-- 底部结束 -->
</body>
</html>